<template>
  <el-menu
    :default-active="'/index'"
    router
    mode="horizontal"
    background-color="white"
    text-color="#222"
    active-text-color="#9495c5"
    style="min-width: 1300px">
    <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name">
      {{ item.navItem }}
    </el-menu-item>
    <span style="position: absolute;padding-top: 15px;right: 10%;font-size: 25px;font-weight: bold;color: #9495c5">教 师 端</span>
  </el-menu>
</template>

<script>
export default {
  name: 'TeacherMenu',
  data () {
    return {
      navList: [
        {name: '/teacher/check', navItem: '处理预约'},
        {name: '/teacher/notify', navItem: '发布通告'},
        {name: '/teacher/user', navItem: '个人中心'}
      ]
    }
  }
}
</script>

<style scoped>
a {
  text-decoration: none;
}

span {
  pointer-events: none;
}
</style>
